<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/repeat.css">
    <link rel="stylesheet" href="../css/tolist.css">
    <link rel="stylesheet" href="../img/iconfont/iconfont.css">
    <script src="../js/tolist.js" type="module"></script>
    <title>加入购物车</title>
</head>
<body>
    <!-- 头部 -->
    <header>
        <div id="header_top">
            <div class="warpper clear_fix">
                <ul id="sitemap">
                    <li><a href="">小米商城</a></li>
                    <li>|<a href="">MIUI</a></li>
                    <li>|<a href="">loT</a></li>
                    <li>|<a href="">云服务</a></li>
                    <li>|<a href="">天星科技</a></li>
                    <li>|<a href="">有品</a></li>
                    <li>|<a href="">小爱开放平台</a></li>
                    <li>|<a href="">企业团购</a></li>
                    <li>|<a href="">资质证照</a></li>
                    <li>|<a href="">协议规则</a></li>
                    <li>|<a href="">下载app
                        <em></em>
                        <div class="Qr_code">
                            <img src="../img/Qr_code.png" alt="" srcset=""><span>小米商城APP</span>
                        </div>
                    </a></li>
                    <li>|<a href="">智能生活</a></li>
                    <li>|<a href="">Select Location</a></li>
                </ul>
                <div id="user">
                    <dl id="login">
                        <dd><a href="">登录</a></dd>
                        <dd>|<a href="">注册</a></dd>
                        <dd>|<a href="">消息通知</a></dd>
                    </dl>
                    <a id="list" >
                        <span class="iconfont icon-gouwuchekong"></span><span>购物车</span><i> (0)</i>
                        <div id="sub_list"><p>购物车中还没有商品，赶紧选购吧!</p></div>
                    </a>
                </div>
                <a href="" ></a>
            </div>
        </div>
        <div id="header_bottom">
            <div class="warpper">
                <img src="../img/logo-mi2.png" alt="" class="logo">
                <ul class="nav">
                    <li><a href="">小米手机</a></li>
                    <li><a href="">Readmi红米</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">笔记本</a></li>
                    <li><a href="">家电</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">智能硬件</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">社区</a></li>
                </ul>
                <div class="search">
                    <input type="text" placeholder="智能"><a href="" class="submit"><span class="iconfont icon-gouwuchekong"></span></a>
                </div>
            </div>
            <div id="sub_nav_box">
                <ul class="sub_nav">
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米MIX FOLD</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11 Uitra</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11 Pro</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11 青春版</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米10S</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/xiaomi01.png" alt=""><p>小米11</p><i>9999元起</i></a></li>
                </ul>
                <ul class="sub_nav">
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Note 10 Pro</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Redmi Note 10 5G</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>K40 游戏增强版</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>K40 Pro 系列</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Redmi K40</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/hongmi01.png" alt=""><p>Redmi Note 9 系列</p><i>9999元起</i></a></li>
                </ul>
                <ul class="sub_nav">
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视6 至尊版 55英寸</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视 ES55 2022款</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视大师 82英寸</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米透明电视</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>小米电视 大师 65英寸OLED</p><i>9999元起</i></a></li>
                    <div class="line"></div>
                    <li><a href=""><img src="../img/dianshi01.png" alt=""><p>Redmi 智能电视 MAX 98"</p><i>9999元起</i></a></li>
                </ul>
            </div>
        </div>
    </header>
    
    <!-- 成功加入购物车 -->
    <div id="submit" class="warpper">
        <div class="submit_txt">
            <span class="iconfont icon-gouwuchekong"></span>
            <p><span>已成功加入购物车！</span><em></em></p>
        </div>
        <div class="submit_btn">
            <a id="back">返回上一级</a>
            <a href="../html/list.html" id="shop">去购物车结算</a>
        </div>
    </div>

    <!-- 推荐商品 -->
    <div id="products_more">
        <div class="warpper">
            <h2>购买购物车中商品的人还买了</h2>
            <ul class="screenshot">
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <img src="../img/xiaomi01.png" alt="">
                    <p class="products_name">小米 Ultra</p>
                    <p class="products_prices">5499元</p>
                    <p class="products_description">6.5万人好评</p>
                    <button>加入购物车</button>
                </li>
            </ul>
        </div>
    </div>
    <!-- 尾部 -->
    <footer>
        <div class="footer_top warpper">
            <ul id="service">
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>预约维修服务</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>7天无理由退货</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>15天免费换货</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>满69包邮</span></a></li>
                <li><a href=""><span class="iconfont icon-gouwuchekong"></span><span>520余家售后网点</span></a></li>
            </ul>
            <div id="more">
                <ul class="link">
                    <li>
                        <h4>帮助中心</h4>
                        <a href="">账户管理</a>
                        <a href="">购物指南</a>
                        <a href="">订单操作</a>
                    </li>
                    <li>
                        <h4>服务支持</h4>
                        <a href="">售后政策</a>
                        <a href="">自助服务</a>
                        <a href="">相关下载</a>
                    </li>
                    <li>
                        <h4>线下门店</h4>
                        <a href="">小米之家</a>
                        <a href="">服务网点</a>
                        <a href="">授权体验店</a>
                    </li>
                    <li>
                        <h4>关于小米</h4>
                        <a href="">了解小米</a>
                        <a href="">加入小米</a>
                        <a href="">投资者关系</a>
                        <a href="">企业社会责任</a>
                        <a href="">廉洁举报</a>
                    </li>
                    <li>
                        <h4>关注我们</h4>
                        <a href="">新浪微博</a>
                        <a href="">官方微信</a>
                        <a href="">联系我们</a>
                        <a href="">公益基金会</a>
                    </li>
                    <li>
                        <h4>特色服务</h4>
                        <a href="">F码通道</a>
                        <a href="">礼物码</a>
                        <a href="">防伪查询</a>
                    </li>
                </ul>
                <div class="contact">
                    <h4>400-100-5678</h4>
                    <p>8:00-18:00（仅收市话费）</p>
                    <div class="manual_service">
                        <span class="iconfont icon-gouwuchekong"></span><span>人工服务</span>
                    </div>
                    <p>关注小米：<span class="iconfont icon-gouwuchekong"></span><span class="iconfont icon-gouwuchekong"></span></p>
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="warpper">
                <img src="../img/logo-mi2.png" alt="" class="logo">
                <div class="information">
                    <ul class="Affiliation clear_fix">
                        <li><a href="">小米商城</a></li>
                        <li><a href="">MIUI</a></li>
                        <li><a href="">米家</a></li>
                        <li><a href="">米聊</a></li>
                        <li><a href="">多看</a></li>
                        <li><a href="">游戏</a></li>
                        <li><a href="">政企服务</a></li>
                        <li><a href="">小米天猫店</a></li>
                        <li><a href="">小米集团隐私政策</a></li>
                        <li><a href="">小米公司儿童信息保护规则</a></li>
                        <li><a href="">小米商城隐私政策</a></li>
                        <li><a href="">小米商城用户协议</a></li>
                        <li><a href="">问题反馈</a></li>
                        <li><a href="">Select Location</a></li>
                        <li><a href="">北京互联网法院法律服务工作站</a></li>
                        <li><a href="">中国消费者协会</a></li>
                        <li><a href="">北京市消费者协会</a></li>
                    </ul>
                    <div class="license">
                        <p>© <a href="">mi.com</a> 京ICP证110507号 <a href="">京ICP备10046444号</a> <a href="">京公网安备11010802020134号</a> <a href="">京网文[2020]0276-042号</a></p>
                        <p> <a href="">（京）网械平台备字（2018）第00005号</a> <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a href="">营业执照</a> <a href="">医疗器械质量公告</a></p>
                        <p> <a href="">增值电信业务许可证</a>网络食品经营备案 京食药网食备202010048 <a href="">食品经营许可证</a></p>
                        <p>违法和不良信息举报电话：171-5104-4404 <a href="">知识产权侵权投诉</a>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                        <p><a href=""><img src="../img/truste.png"></a><a href=""><img src="../img/truste.png"></a><a href=""><img src="../img/truste.png"></a></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_slogan"></div>
    </footer>
</body>
</html>